@extends('layouts.adminlayout')

@section('main')
<a href="<?php echo asset('resultcerts/create') ?>" class="btn btn-info">Cấp bằng học viên</a>

<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Bằng Cấp <small>Số hiệu bằng, số quyết định tốt nghiệp</small></h3>
                </div><!-- /.box-header -->
                <div class="box-body table-responsive">
                    <table class="table table-striped table-bordered" id="dataTable">
                        <thead>
                            <tr>
                                <th>Mã học viên</th>
                                <th>Số báo danh</th>
                                <th>Họ Tên</th>
                                <th>Khóa Thi</th>
                                <th>Số Hiệu Bằng</th>
                                <th>Số Số Cấp Chứng Chỉ</th>
                                <th>Số Quyết Định Tốt Nghiệp</th>
                                <th>Sửa</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>Mã học viên</th>
                                <th>SBD</th>
                                <th>Họ Tên</th>
                                <th>Khóa Thi</th>
                                <th>Số Hiệu Bằng</th>
                                <th>Số Số Cấp Chứng Chỉ</th>
                                <th>Số Quyết Định Tốt Nghiệp</th>
                                <td></td>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach ($hoc_viens as $hoc_vien)
                            <tr>
                                <td>{{{$hoc_vien->ma_hv}}} </td>
                                <td>{{{$hoc_vien->sbd}}}</td>
                                <td>{{{$hoc_vien->ho_hv.' '.$hoc_vien->ten_hv}}}</td>
                                <td> {{{$hoc_vien->ma_khoa_thi }}}</td>
                                <td>{{{ $hoc_vien->so_hieu_bang }}}</td>
                                <td>{{{ $hoc_vien->so_so_cap_chung_chi }}}</td>
                                <td>{{{ $hoc_vien->so_quyet_dinh_tot_nghiep }}}</td>
                                <td>
                                    <a href="<?php echo asset('resultcerts/edit/' . $hoc_vien->id) ?>" class="btn btn-info fa fa-edit"></a>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div><!-- /.box-body -->
            </div><!-- /.box -->
        </div>
    </div>
</section>
<script src="<?php echo asset('public/admin/js/plugins/datatables/jquery.dataTables.columnFilter.js'); ?>" type="text/javascript"></script>
<script type="text/javascript">
    // Setup - add a text input to each footer cell
        $('#dataTable tfoot th').each(function() {
            var title = $('#dataTable thead th').eq($(this).index()).text();
            $(this).html('<input type="text" placeholder="' + title + '" />');
        });

        var table = $('#dataTable').DataTable({
                    "scrollX": "100%",
                    "scrollCollapse": true,
                    "paging": true,
                    "autoWidth": true,
                    "bSort" : false
                });
        // Apply the filter
        table.columns().eq(0).each(function(colIdx) {
            $('input', table.column(colIdx).footer()).on('keyup change', function() {
                table
                        .column(colIdx)
                        .search(this.value)
                        .draw();
            });
        });
</script>
@stop